<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" isELIgnored="false" %>
<html>
<head>
    <title>我的地图</title>
    <%@ include file="static_res.jsp"%>
    <style>
        #mymap{height:100%}
    </style>
    <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=eO3kaKPN47DoTs6Z7xTyLuuIA36Vmrxw"></script>
    <script>
        $(function () {
            $("#m2").addClass("active");
        });
    </script>
</head>
<body>
<%@ include file="header.jsp"%>
<div class="container">
    <%--3,9布局--%>
    <div class="row">
        <%@include file="userMenu.jsp"%>
        <%--9 start--%>
        <div class="col s8 offset-s1">
            <div class="row"></div>
            <div id="mymap"></div>
        </div> <%--9 end--%>
    </div><%--3,9 row end--%>
</div>
</body>
</html>
<script type="text/javascript">
    var map = new BMap.Map("mymap");    // 创建Map实例
    map.centerAndZoom("南京",15);
    map.addControl(new BMap.NavigationControl());
    map.addControl(new BMap.ScaleControl());
    map.addControl(new BMap.OverviewMapControl());
    map.addControl(new BMap.MapTypeControl());
    map.setCurrentCity("南京"); // 仅当设置城市信息时，MapTypeControl的切换功能才能可用
</script>
